<script setup lang="ts">
// 封装 unplugin-icons 成动态组件使用iconify图标库组件(未实现，待重写)
// 此图标模块支持使用以下图标库所有图标，且均按需编译

// 官网 https://iconify.design/

//Icônes图标库 https://icones.js.org/collection/all
//iconify图标库 https://icon-sets.iconify.design/
//其它免费可商用图标库 http://www.remixicon.cn/ http://www.remixicon.com/
//naiveui Icon Props https://www.naiveui.com/zh-CN/os-theme/components/icon#API

const props = withDefaults(defineProps<{ icon?: string }>(), {
  icon: 'codiconQuestion',
})

async function loadIconsComponent(url: any) {
  // const module = await import(`./~components/${url}?suffix=.js`)
  // console.log('图标集', module)

  // if (typeof module.default === 'object') {
  //   return module.default
  // }

  return import(`~icons/svg/codiconQuestion`)
}

const IconComponent = defineAsyncComponent(() => loadIconsComponent(props.icon))
</script>

<template>
  <component v-bind:is="IconComponent"></component>
</template>
